<template>
	<view class="shop-commodity">
		<view class="commodity-image">
			<u-image radius="5"
				src="http://youlefang.szhulian.cn/uploads/image/20231031/91f72367502a877213fdfc11f09a6653.jpg"
				width="100%" height="110rpx"></u-image>
			<view class="commodity-mode">新</view>
		</view>
		<view class="commodity-name">火锅</view>
	</view>
</template>

<script>
	export default {
		name: "shop-commodity",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
.shop-commodity{
	width: 100%;
	background: #FFF;
	border-radius: 8px;
	padding: 10px;
	display: flex;
	align-items: center;
	margin-top: 25rpx;
	.commodity-image{
		width: 110rpx;
		margin-right: 20rpx;
		position: relative;
		.commodity-mode{
			position: absolute;
			top: 0;
			left: 0;
			background: #FFCF4F;
			font-size: 20rpx;
			color: #c56433;
			padding:1px 5px;
			border-radius: 20% 0 20% 0;
		}
	}
	.commodity-name{
		font-size: 30rpx;
		font-weight: bold;
	}
}
</style>
